<template>
  <div>
      <div class="left">
         <div v-for="item in myQues" :key="item.id">
             <h4>{{item.id+"."+item.title}}</h4>
             <p>{{item.content}}</p>
             <a href="javascript:;" v-for="(point,index) in item.points" :key="index">{{point}} | </a>
             <span>查看详情</span>
             <hr/>
         </div>
     </div>
  </div>
</template>

<script>
export default {
  computed:{
    myQues(){
      return this.$store.state.myQues.myStoreData;
    }
  },
  mounted() {
    
  },
}
</script>

<style scoped lang="less">
.left{
        margin-right: 20px;
        font-size: 15px;
        width: 100%;
        div {
            padding: 5px;
            margin: 5px 0px;
            background-color: #fff;
            border-radius: 10px;
        }
        p{
            width: 100%;
            overflow: hidden;
        }
        span{
            float: right;
            margin: 0px 5px;
            &:hover {
                color: red;
                cursor: pointer;
            }
        }
    }
</style>